<script setup>
import { ref } from 'vue';

// 组合式写法
// 功能1:
const count = ref(0)
const increment = ()=>{
  count.value++
}

// 功能2:
// ...
// 功能3:
// ...

// 选项式写法
// export default {
//   data(){
//     return {
//       count: 0
//     }
//   },
//   methods: {
//     increment(){
//       this.count++
//     }
//   }
// }
</script>

<template>
  <div>
    <div>{{ count }}</div>
    <button @click="increment">计数++</button>
  </div>
</template>

<style></style>
